<?php include("../header.php"); ?>
<div id="page-wrapper">
	<div class="col-lg-12">
		<div class="panel panel-default">
			<div class="panel-heading">
				<i class="fa fa-search fa-fw"></i><b> SEARCH EXPERT</b>
			</div>
			<!-- /.panel-heading -->
			<div class="panel-body">
				
				<form name="myform">
				<div class="col-lg-3">
					<select name="wawa" class="form-control" onchange="setOptions(document.myform.wawa.options[document.myform.wawa.selectedIndex].value);">
						<option value=" " selected="selected">--Kategori Pencarian--</option>
						<option value="1">Search by Case</option>
						<option value="2">Search by Division</option>
					</select>
				</div>
				<div class="col-lg-9" id="jeje" style="display:none;">
					<select name="rumah" class="form-control" onchange="setoo(document.myform.rumah.options[document.myform.rumah.selectedIndex].value);">
						<option>--Pilih Case--</option>
						<option value="C1">Boiler</option>
						<option value="C2">Turbin</option>
						<option value="C3">Diesel Emergency</option>
						<option value="C4">Kompresor</option>
						<option value="C5">Demin Plant</option>
						<option value="C6">Cooling Tower</option>
						<option value="C7">Electrical</option>
						<option value="C8">Effluent Treatment (ET)</option>
						<option value="C9">Mechanical</option>
					</select>
				</div>
				<div class="col-lg-9" id="jaja" style="display:none;">
					<div class="col-lg-4">
					<select class="form-control" name="optone" onchange="setOptionsx(document.myform.optone.options[document.myform.optone.selectedIndex].value);">
						<option>--Pilih Direktorat--</option>
						<option value="D1">KOMERSIL</option>
						<option value="D2">TEKNIK DAN PENGEMBANGAN</option>
						<option value="D3">SDM dan UMUM</option>
						<option value="D4">PRODUKSI</option>
					</select> <br />
					</div><div class="col-lg-4">
					<select class="form-control" name="opttwo" onchange="setOption(document.myform.opttwo.options[document.myform.opttwo.selectedIndex].value);">
						<option value=" " selected="selected"> </option>
					</select><br /></div><div class="col-lg-4">
					<select name="optthree" size="1" class="form-control" onchange="setOptio(document.myform.optthree.options[document.myform.optthree.selectedIndex].value);">
						<option value=" " selected="selected"> </option>
					</select>
					</div>
				</div>
				<div class="row">
				<div class="col-lg-4">
				<SPAN class="yeah" style="display:none">
				<div class="form-group">
					<br /><legend>BAGIAN</legend>
					<label class="checkbox">
					  <input type="checkbox">ASAM SULFAT DAN UTILITAS III
					</label>
					<label class="checkbox">ASAM FOSFAT
					  <input type="checkbox">
					</label>
					<label class="checkbox">
					  <input type="checkbox">GYPSUM DAN ALF3
					</label>
					<label class="checkbox">
					  <input type="checkbox">ZA III
					</label>
					<label class="checkbox">
					  <input type="checkbox">UNIT UTILITAS BATU BARA
					</label>
					<label class="checkbox">
					  <input type="checkbox">CANDAL PRODUKSI III
					</label>
				</div>
				</SPAN>
				</div>
				
				
				<span class="error" style="display:none">
				<div class="col-lg-8">
					<legend>Daftar expert berdasarkan pencarian:</legend>
					<a href="expert1.php">
					<div class="panel panel-default">
					<div class="panel-body">
						<div class="col-lg-5">
							<img src="http://localhost/petro/KOSIM_T221999.jpg" width="120">
						</div>
						<div class="col-lg-7">
							<label>NIK:</label>
							<p>T221999</p>
							<label>Nama:</label>
							<p>KOSIM</p>
							<label>Email:</label>
							<p>kosim@petrokimia.co.id</p>
						</div>
					</div>
					</div>
					</a>
					<a href="expert2.php">
					<div class="panel panel-default">
					<div class="panel-body">
						<div class="col-lg-5">
							<img src="http://localhost/petro/SUSENO_T253425.jpg" width="120">
						</div>
						<div class="col-lg-7">
							<label>NIK:</label>
							<p>T253425</p>
							<label>Nama:</label>
							<p>SUSENO</p>
							<label>Email:</label>
							<p>suseno@petrokimia.co.id</p>
						</div>
					</div>
					</div>
					</a>
				</div>
				</span>
				<span class="lolo" >
				<div class="col-lg-12"id="mau" style="display:none">
					<br />
					<a href="expert1.php">
					<div class="panel panel-default">
					<div class="panel-body">
						<div class="col-lg-5">
							<img src="http://localhost/petro/KOSIM_T221999.jpg" width="120">
						</div>
						<div class="col-lg-7">
							<label>NIK:</label>
							<p>T221999</p>
							<label>Nama:</label>
							<p>KOSIM</p>
							<label>Email:</label>
							<p>kosim@petrokimia.co.id</p>
						</div>
					</div>
					</div>
					</a>
				</div><div class="col-lg-12" id="maux" style="display:none">
				<br />
					<a href="expert2.php">
					<div class="panel panel-default">
					<div class="panel-body">
						<div class="col-lg-5">
							<img src="http://localhost/petro/SUSENO_T253425.jpg" width="120">
						</div>
						<div class="col-lg-7">
							<label>NIK:</label>
							<p>T253425</p>
							<label>Nama:</label>
							<p>SUSENO</p>
							<label>Email:</label>
							<p>suseno@petrokimia.co.id</p>
						</div>
					</div>
					</div>
					</a>
				</div>
				</span>
				</div>
				<div class="col-lg-12">
				<br />
				<input type="submit" value="Submit" class="btn"/></div>
				</form>
				
				<!-- /.panel-body -->
		</div>
	</div>
	<!-- /#page-wrapper -->
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
	<script type="text/javascript">
			$(function() {
			$(".btn").click(function() {
			var name = $("#rumah").val();
			var dataString = 'name='+ name;
			if(name=='')
			{
			$('.success').fadeOut(200).hide();
			$('.error').fadeOut(200).show();
			}
			else
			{
			$('.success').fadeOut(200).hide();
			$('.error').fadeOut(200).show();
			}
			return false;
			});
			});
	</script>
	<script type="text/javascript">
		function setOptions(chosen) {
			if (chosen == "1") {
				$('#jaja').fadeOut(200).hide();
				$(".btn").fadeOut(200).hide();
				$('#jeje').fadeIn(200).show();
			} if (chosen == "2") {
				$('#jeje').fadeOut(200).hide();
				$('#mau').fadeIn(200).hide();
				$('#maux').fadeIn(200).hide();
				$('#jaja').fadeOut(200).show();
			}else {
				$('#jaja').fadeOut(200).hide();
				$('#mau').fadeIn(200).hide();
				$('#maux').fadeIn(200).hide();
				$('#jeje').fadeIn(200).show();
			}
		}
		function setoo(chosen) {
			if (chosen == "C1") {
				$('#mau').fadeIn(200).show();
				$('#maux').fadeIn(200).show();
			} if (chosen == "C2") {
				$('#mau').fadeIn(200).show();
				$('#maux').fadeIn(200).show();
			}if (chosen == "C3") {
				$('#mau').fadeOut(200).hide();
				$('#maux').fadeIn(200).show();
			}if (chosen == "C4") {
				$('#mau').fadeOut(200).hide();
				$('#maux').fadeIn(200).show();
			}if (chosen == "C5") {
				$('#mau').fadeIn(200).show();
				$('#maux').fadeIn(200).show();
			}if (chosen == "C6") {
				$('#mau').fadeOut(200).hide();
				$('#maux').fadeIn(200).show();
			}if (chosen == "C7") {
				$('#mau').fadeOut(200).hide();
				$('#maux').fadeIn(200).show();
			}if (chosen == "C8") {
				$('#mau').fadeIn(200).show();
				$('#maux').fadeIn(200).hide();
			}if (chosen == "C9") {
				$('#mau').fadeIn(200).show();
				$('#maux').fadeIn(200).hide();
			}
		}
		
		var selbox = document.myform.opttwo;
		var selboxx = document.myform.optthree;
		function setOptionsx(chosen){
			selbox.options.length = 0;
			selboxx.options.length = 0;
			if (chosen == "D1") {
			  selbox.options[selbox.options.length] = new Option('--Pilih Kompartemen--',' ');
			  selbox.options[selbox.options.length] = new Option('GM PENJUALAN WIL. I','T1');
			  selbox.options[selbox.options.length] = new Option('GM PENJUALAN WIL. II','T2');
			  selbox.options[selbox.options.length] = new Option('GM ADMINISTRASI KEUANGAN','T3');
			  selbox.options[selbox.options.length] = new Option('GM KEUANGAN','T4');
			}
			if (chosen == "D2") {
			  selbox.options[selbox.options.length] = new Option('--Pilih Kompartemen--',' ');
			  selbox.options[selbox.options.length] = new Option('RISET','T5');
			  selbox.options[selbox.options.length] = new Option('PENGEMBANGAN','T6');
			  selbox.options[selbox.options.length] = new Option('PENGADAAN','T7');
			  selbox.options[selbox.options.length] = new Option('ENGINEERING','T8');
			}
			if (chosen == "D3") {
			  selbox.options[selbox.options.length] = new Option('--Pilih Kompartemen--',' ');
			  selbox.options[selbox.options.length] = new Option('SDM','T9');
			  selbox.options[selbox.options.length] = new Option('RENDAL USAHA','T10');
			  selbox.options[selbox.options.length] = new Option('SEKERTARIS PERUSAHAAN','T11');
			}
			if (chosen == "D4") {
			  selbox.options[selbox.options.length] = new Option('--Pilih Kompartemen--',' ');
			  selbox.options[selbox.options.length] = new Option('PABRIK I','T12');
			  selbox.options[selbox.options.length] = new Option('PABRIK II','T13');
			  selbox.options[selbox.options.length] = new Option('PABRIK III','T14');
			  selbox.options[selbox.options.length] = new Option('GM TEKNOLOGI','T15');
			}
		}
		
		function setOption(chosen) {
		  selboxx.options.length = 0;
		  
		  if (chosen == "T1") {
			  selboxx.options[selboxx.options.length] = new Option('--Pilih Departemen--',' ');
			  selboxx.options[selboxx.options.length] = new Option('PENJUALAN PUPUK RETAIL WIL. I','S1');
			  selboxx.options[selboxx.options.length] = new Option('DISTRIBUSI WIL. I','S2');
			  selboxx.options[selboxx.options.length] = new Option('PENJUALAN PRODUK NON-PUPUK DAN JASA','S3');
		  }
		  if (chosen == "T2") {
			  selboxx.options[selboxx.options.length] = new Option('--Pilih Departemen--',' ');
			  selboxx.options[selboxx.options.length] = new Option('PENJUALAN PUPUK RETAIL WIL. I','S4');
			  selboxx.options[selboxx.options.length] = new Option('DISTRIBUSI WIL. I','S5');
			  selboxx.options[selboxx.options.length] = new Option('PENJUALAN PUPUK KORPORASI','S6');
		  }
		  if (chosen == "T3") {
			  selboxx.options[selboxx.options.length] = new Option('--Pilih Departemen--',' ');
			  selboxx.options[selboxx.options.length] = new Option('PERENCANAAN DAN ADMINISTRASI PEMASARAN','S7');
			  selboxx.options[selboxx.options.length] = new Option('PELAYANAN DAN KOMUNIKASI PRODUK','S8');
		  }
		  if (chosen == "T4") {
			  selboxx.options[selboxx.options.length] = new Option('--Pilih Departemen--',' ');
			  selboxx.options[selboxx.options.length] = new Option('AKUNTANSI','S9');
			  selboxx.options[selboxx.options.length] = new Option('KEUANGAN','S10');
		  }
		  if (chosen == "T5") {
			  selboxx.options[selboxx.options.length] = new Option('--Pilih Departemen--',' ');
			  selboxx.options[selboxx.options.length] = new Option('RISET PUPUK DAN PRODUK HAYATI','S11');
			  selboxx.options[selboxx.options.length] = new Option('RISET PEMULIAAN DAN PENGOLAHAN HASIL TANAMAN','S12');
		  }
		  if (chosen == "T6") {
			  selboxx.options[selboxx.options.length] = new Option('--Pilih Departemen--',' ');
			  selboxx.options[selboxx.options.length] = new Option('TEKNOLOGI INFORMASI','S13');
			  selboxx.options[selboxx.options.length] = new Option('PENGEMBANGAN USAHA','S14');
		  }
		  if (chosen == "T7") {
			  selboxx.options[selboxx.options.length] = new Option('--Pilih Departemen--',' ');
			  selboxx.options[selboxx.options.length] = new Option('RANCANG BANGUN','S15');
			  selboxx.options[selboxx.options.length] = new Option('PRASARANA PABRIK DAN KAWASAN','S16');
			  selboxx.options[selboxx.options.length] = new Option('JASA TEKNIK DAN KOSNTRUKSI','S17');
			  selboxx.options[selboxx.options.length] = new Option('PERALATAN DAN PEMELIHARAAN','S18');
		  }
		  if (chosen == "T8") {
			  selboxx.options[selboxx.options.length] = new Option('--Pilih Departemen--',' ');
			  selboxx.options[selboxx.options.length] = new Option('PENGADAAN','S19');
			  selboxx.options[selboxx.options.length] = new Option('PERENCANAAN DAN GUDANG MATERIAL','S20');
			  selboxx.options[selboxx.options.length] = new Option('PENGELOLAAN PELABUHAN','S21');
		  }
		  if (chosen == "T9") {
			  selboxx.options[selboxx.options.length] = new Option('--Pilih Departemen--',' ');
			  selboxx.options[selboxx.options.length] = new Option('PERSONALIA','S22');
			  selboxx.options[selboxx.options.length] = new Option('ORGANISASI DAN PROSEDUR','S23');
			  selboxx.options[selboxx.options.length] = new Option('PENDIDIKAN DAN PELATIHAN','S24');
			  selboxx.options[selboxx.options.length] = new Option('PELAYANAN UMUM','S25');
		  }
		  if (chosen == "T10") {
			  selboxx.options[selboxx.options.length] = new Option('--Pilih Departemen--',' ');
			  selboxx.options[selboxx.options.length] = new Option('ANGGARAN','S26');
			  selboxx.options[selboxx.options.length] = new Option('MANAJEMEN RESIKO','S27');
			  selboxx.options[selboxx.options.length] = new Option('KEAMANAN','S28');
			  selboxx.options[selboxx.options.length] = new Option('KEMITRAAN DAN BINA LINGKUNGAN','S29');
		  }
		  if (chosen == "T11") {
			  selboxx.options[selboxx.options.length] = new Option('--Pilih Departemen--',' ');
			  selboxx.options[selboxx.options.length] = new Option('HUBUNGAN MASYARAKAT','S30');
			  selboxx.options[selboxx.options.length] = new Option('HUKUM DAN SEKRETARIAT','S31');
			  selboxx.options[selboxx.options.length] = new Option('PERWAKILAN JAKARTA','S32');
			  selboxx.options[selboxx.options.length] = new Option('PENGELOLAAN ANAK PERUSAHAAN','S33');
		  }
		  if (chosen == "T12") {
			  selboxx.options[selboxx.options.length] = new Option('--Pilih Departemen--',' ');
			  selboxx.options[selboxx.options.length] = new Option('PRODUKSI I','S34');
			  selboxx.options[selboxx.options.length] = new Option('PEMELIHARAAN I','S35');
		  }
		  if (chosen == "T13") {
			  selboxx.options[selboxx.options.length] = new Option('--Pilih Departemen--',' ');
			  selboxx.options[selboxx.options.length] = new Option('PRODUKSI II A','S36');
			  selboxx.options[selboxx.options.length] = new Option('PRODUKSI II B','S37');
			  selboxx.options[selboxx.options.length] = new Option('PEMELIHARAAN II','S38');
		  }
		  if (chosen == "T14") {
			  selboxx.options[selboxx.options.length] = new Option('--Pilih Departemen--',' ');
			  selboxx.options[selboxx.options.length] = new Option('PRODUKSI III','S39');
			  selboxx.options[selboxx.options.length] = new Option('PEMELIHARAAN III','S40');
		  }
		  if (chosen == "T15") {
			  selboxx.options[selboxx.options.length] = new Option('--Pilih Departemen--',' ');
			  selboxx.options[selboxx.options.length] = new Option('PROSES DAN PENGELOLAAN ENERGI','S41');
			  selboxx.options[selboxx.options.length] = new Option('LINGKUNGAN DAN K3','S42');
			  selboxx.options[selboxx.options.length] = new Option('INSPEKSI TEKNIK','S43');
		  }
		}
		
		function setOptio(chosen) {
		  $('.yeah').fadeIn(200).show();
		}
	</script>
	<?php include("../footer.php"); ?>